<template>
<div class="asset">
    <div class="header">
      <span>商家认证</span>
      <a  class="return"></a>
    </div>
    <div style="height: 1rem;"></div>
    
    <div class="sl">
      <div class="sl_box">
        <p>5000/枚</p>
        <select>
          <option>USDT</option>
          <option>NBF</option>
        </select>
      </div>
    </div>
    
    <div class="sl">
      <div class="sl_box">
        <img src="../../assets/index06.png">
        <input type="password" placeholder="请输入支付密码" />
      </div>
    </div>
    
    <div class="sqxy">
      <input type="checkbox" checked="true"  />
      <p>我已阅读并同意<a href="###">《申请协议》</a></p>
    </div>
    
    <div class="an"><button type="submit">取消</button></div>
      <div style="height:1.333333rem"></div>
      <Tabbar :idx="3"/>
</div>    
    
</template>

<script>
// @ is an alias to /src
import Tabbar from '@/views/public/Tabbar.vue'

export default {
  name: 'asset',
  components: {
    Tabbar
  },
   data() {
    return {
    }
  },
  created:function(){

  },
  mounted () {
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .f-flex{
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .cube-slide-item > a > img {
        width: 100%;
    }
    .asset{
        .zh-list{
                padding-left: .4rem;
                padding-right: .4rem;
                height: 1.6rem;
                span{
                    color: #333;
                }
                .f-flex();
                justify-content: space-around;
                font-size: .4rem;
                img{
                    width: .56rem;
                    height: .56rem;
                    margin-right: .2rem;
                }
                a{
                    .f-flex();
                }
            }
        .head-left{
            text-align: left;
            padding-left: .4rem;
            margin-top: .6rem;
            margin-bottom: .6rem;
            .zc-dy{
                display: flex;
                align-items: center;
                margin-bottom: .3rem;
            }
            img{
                width: .586667rem;
                height: .293333rem;
            }
        }
        .qbzh{
            text-align: left;
            position: absolute;
            color: #fff;
            top: .6rem;
            margin-left: 1rem;
            font-size: .4rem;
        }
        .zclist_head {
            position: relative;
            height: 1.333333rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            font-size: .373333rem;
            border-bottom: 1px solid #EDEDED;
            padding-left: 4%;
            padding-right: 4%;
            .zcmx,.zhls {
                    color: #999999;
                    margin-right: .933333rem;
                    height: 1.333333rem;
                    line-height: 1.333333rem;
                }
            .zcmx.active, .zhls.active {
                    position: relative;
                    &:after{
                        content: "";
                        display: block;
                        width: 1rem;
                        border-bottom: .06rem solid #03BE87;
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        margin-left: -.5rem;
                    }
                    color: #03BE87;
                }
            .ns3 {
                position: absolute;
                right: 0;
                top: 0;
                line-height: 1.333333rem;
                color: #999999;
                right: 4%;
            }
        }
        .zcmx_block2 {
            padding-left: 4%;
            padding-right: 4%;
            padding-bottom: .6rem;
            border-bottom: 1px solid #EDEDED;
            .head {
                text-align: left;
                font-size: .4rem;
                font-weight: bold;
                margin: .5rem 0;
            }
            .content {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                color: #666666;
                font-size: .4rem;
                .ns1 {
                    color: #999999;
                    font-size: .32rem;
                }
                p {
                    line-height: 2;
                }
               .ns1 {
                    color: #999999;
                    font-size: .32rem;
                }
            }
        }
    }
</style>

